<!DOCTYPE html>
<style>
  div { width: 100px;}
</style>
<div>
  <a href="#" id="start">AAAAAAAAAA AAAAAAAAAA AA</a>
  <a href="#" id="e1">AA AAAAAAAAAA AAAAAAAAAA</a>
</div>
<br><br>
<div>
  <a href="#" id="e2">AAAAAAAAAA AAAAAAAAAA AA</a>
  <span>B</span>
  <a href="#" id="e3">AA AAAAAAAAAA AAAAAAAAAA</a>
</div>

<p>Spatnav can navigate focusables that span multiple lines.</p>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  var resultMap = [
    ["Down", "e1"],
    ["Down", "e2"],
    ["Down", "e3"],
    ["Up", "e2"],
    ["Up", "e1"],
    ["Up", "start"],
  ];
  document.getElementById("start").focus();
  snav.assertFocusMoves(resultMap);
</script>
